<template>
	<div>
		<div class="top">
			<div></div>
			<div>{{ middletop }}</div>
			<div><slot name="right"></slot></div>
		</div>
	</div>
</template>

<script>
export default {
	data() {
		return {
			text: ''
		};
	},
	props: ['middletop'],
	methods: {}
};
</script>

<style lang="less">
.top {
	height: 45px;
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	flex: 1;
	div {
		flex: 1;
		font-size: 16px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
}
</style>
